<template>
	<view class="container">
		<view class="bg">

		</view>
		<view class="content">

			<view class="item">
				<view class="key">
					户名
				</view>
				<view class="value">
					{{item.accountName}}
				</view>
			</view>
			<view class="item">
				<view class="key">
					银行卡名称
				</view>
				<view class="value">
					{{item.bankName}}
				</view>
			</view>
			<view class="item border-none">
				<view class="key">
					结算账号
				</view>
				<view class="value">
					{{item.accountNo.replace(/^(.{6})(?:\d+)(.{4})$/,"$1******$2")}}
				</view>
			</view>
		</view>


		<button class="btn" @click="changeCard()">更换</button>
	</view>
</template>

<script setup>
	import {
		onLoad,
		onShow
	} from "@dcloudio/uni-app";
	import {
		ref,
		reactive,
		watch
	} from "vue";
	import {
		showToast
	} from "@/utils/toast";
	import {
		shopLists,
		merchantschangeBindSn
	} from "@/api/mine.js";
	import {
		useStore
	} from "@/store";
	import {
		bankCardNoMask
	} from "@/utils/methods.js";
	/** store实例 */
	const store = useStore();

	const item = ref({})

	let params = reactive({
		sn: store.currentMerchantInfomation.merchantId,
		userId: store.userInfo.userId,
		lsMerchantNo: null,
		oemUserNo: 'BU100002'
	});
	onLoad((option) => {
		item.value = JSON.parse(decodeURIComponent(option.item))
		console.log("item=" + JSON.stringify(item.value))
	});



	function changeCard() {
		uni.redirectTo({
			url: "/authentication/addBank/index"
		});

	}
</script>
<style lang="scss" scoped>
	@import "./index.scss";
</style>
<style lang="scss"></style>